<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
	<!--<base href="http://test.youxiduo.com/iweb/2017_summer_activities/" />-->
	<base href="http://resource.youxiduo.com/special/shihou/promoter/3340v1/" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name = "format-detection" content = "telephone=no">
<meta name="viewport"  content="width=device-width,user-scalable=no">
<title>暑期狂欢派对</title>
<meta name="keywords" content="狮吼,狮吼直播,手游直播,双投屏直播" />
<meta name="description" content="狮吼 - 4亿手游玩家的直播平台、狮吼是游戏多旗下手游直播平台，支持双投屏直播的移动端平台，边玩边播，分享快乐！狮吼直播，随时随地录屏直播，语音弹幕独特玩法，各路主播游戏大神齐聚；电竞赛事、综艺娱乐、户外精彩，一切改变尽在 狮吼- 4亿手游玩家的直播平台。" />
<link rel="stylesheet" href="static/css/base.css" />
<link rel="stylesheet" href="static/css/style.css" />
<script type="text/javascript" src="static/js/config.js" ></script>
</head>
<body>

    <div class="wrap">
        <div class="header">
            <img src="static/img/bg1.jpg"/>
            <a href="shihoutv://route?jump_type=120" class="btnShare"><img src="static/img/btnShare.png"/></a>
        </div>
        <img src="static/img/bg2.jpg"/>
        
        <!-- 排行榜 -->
        <div class="phb">
            <div class="phbTab">
                <img src="static/img/bg3.png"/>
                <div class="phbMenu">
                    <ul>
                        <li><img src="static/img/phbMenuCurr1.png"></li>
                        <li><img src="static/img/phbMenu2.png"></li>
                        <li><img src="static/img/phbMenu3.png"></li>
                        <li><img src="static/img/phbMenu4.png"></li>
                    </ul>
                </div>
            </div>
            <div class="bg">
            	<div class="phbTitle">
                	<img src="static/img/phbTitle.png"/>
                    <p><span>冰块收礼榜</span><span>冰块贡献榜</span></p>
                </div>
               
                <ul class="phbList" id="phbList">
                </ul>
                
                <!-- login -->
                <div class="loginIn" style="display:none;">
                	<span class="pm">
                        <a id="phb_user_rank1">冰块收礼排名：无</a>
                        <a id="phb_user_rank2">冰块贡献排名：无</a>
                    </span>
                </div>
                
                <!-- no login -->
                <div class="loginIn" style="display:none;">
                	<span class="loginOut">
                        <img src="static/img/loginIcon.png" />
                        <span class="loginTxt">请登录后查看个人排行</span>
                        <a href="shihoutv://route?jump_type=120" class="btnLogin">立即登录</a>
                    </span>
                </div>
                
            </div>
        </div>
        <img src="static/img/bg5.jpg"/> 
        
        <!-- 评论 -->
        <div class="common">
            <div class="commonTab">
                <img src="static/img/bg4.png"/>
                <div class="commonMenu">
                    <ul>
                        <li><img src="static/img/commomTabCurr1.png" /></li>
                        <li><img src="static/img/commomTab2.png" /</li>
                    </ul>
                </div>
            </div>
            <div class="bg">
                <div class="nav">
                    <input placeholder="快来留言吧~" id="content"/>
                    <a class="spend"><img src="static/img/spend.png"/></a>
                </div>
                <ul class="list">
                </ul>
                <a class="more" href="javascript:void(0);"><img src="static/img/more.png"/></a>
            </div>
            <p style=" width:90%; margin:10px auto;"><img src="static/img/fooder.png"/></p>
         </div>    
    </div>
    
    <!-- 规则 -->
    <a class="btnRule"></a>
    <div class="ruleWrap">
    	<div class="ruleCont">
            <img src="static/img/rule1.png" />
            <a class="btnClose"></a>
            <div class="ruleScroll">
                <img src="static/img/rule2.jpg" />
                <img src="static/img/rule3.jpg" />
                <img src="static/img/rule4.png" />
            </div>
        </div>
    </div>
    <div class="mask"></div>
    
	<div class="pop">请登录后再来参加活动吧~</div>
    
<script src="static/js/jquery-3.1.0.min.js"></script>
<script type="text/javascript" src="static/js/util.js" ></script>
<script language="JavaScript">
var util;
var config;
//var from_user_id = '10';
$(function()
{
    var time = 3;
    util = new Util();
    config = new Config();
    $(".btnShare").click(function(){
        if (from_user_id == "0"){
            $('.loginIn').eq(1).show();
            return true;
        }else{
			$('.loginIn').eq(0).show();
            var web_share = {
                "qq": {
                    "url": share_url,
                    "img": share_icon,
                    "title": share_title,
                    "subtitle": share_desc
                },
                "wx_person": {
                    "url": share_url,
                    "img": share_icon,
                    "title": share_title,
                    "subtitle": share_desc
                },
                "wx_group": {
                    "url": share_url,
                    "img": share_icon,
                    "title": share_title,
                    "subtitle": share_desc 
                },
                "wb": {
                    "url": share_url,
                    "img": share_icon,
                    "title": share_title,
                    "subtitle": share_desc
                }
            };
            if (typeof(window.lion) != "undefined" && typeof(window.lion.web_share) == 'function'){
                window.lion.web_share(JSON.stringify(web_share));
            }
			return false;
        }
    });
    
    if (from_user_id == "0"){
        $('.loginIn').eq(1).show();
    }else{
		$('.loginIn').eq(0).show();
	}	
	
	//排行榜切换
	var currIndex = 0;
	$(".phbMenu ul li").on("click",function(){
		currIndex = $(this).index();
		$(".phbMenu ul li").each(function(){
			$(this).find("img").attr({"src":"static/img/phbMenu"+($(this).index()+1)+".png"});
		});
		$(this).find("img").attr({"src":"static/img/phbMenuCurr"+(currIndex+1)+".png"});
		util.setRankList(currIndex, 0);
		var phbTitle_p = '<span>'+util.gift_name_array[currIndex]+'收礼榜</span><span>'+util.gift_name_array[currIndex]+'送礼榜</span>';
		$('.phbTitle p').html(phbTitle_p);
		util.setUserRank(currIndex, from_user_id);
	});
	//点击冰块榜
	$(".phbMenu ul li").eq(0).click();
	
	//rule
	$(".btnRule").on("click",function(){
		$(".ruleWrap,.mask").fadeIn();	
	});
	$(".btnClose").on("click",function(){
		$(".ruleWrap,.mask").fadeOut();	
	});
	
	//留言切换
	var currIndex2 = 0;
	$(".commonMenu li").on("click",function(){
		currIndex2 = $(this).index();
		util.orderType = currIndex2+1;
		$(".commonMenu li").each(function(){
			$(this).find("img").attr({"src":"static/img/commomTab"+($(this).index()+1)+".png"});
		});
		$(this).find("img").attr({"src":"static/img/commomTabCurr"+(currIndex2+1)+".png"});
		util.uid = from_user_id;
		util.pageSize = 5;
		util.getFormList(config.forum_list_url);
	});
	$(".commonMenu li").eq(0).click();
	
	//发送留言
	$('.spend').on('click', function(){
		if(from_user_id == "0"){
			window.location.href="shihoutv://route?jump_type=120";
			return;
		}
		util.content = $('#content').val();
		util.pulibshComment(config.publish_forum, config.check_gift);
		util.getFormList(config.forum_list_url);
	});
	
	//点击查看更多
	$('.more').on('click', function(){
		$(this).attr('href', 'common.html?from_user_id='+from_user_id);
	});
	
	//用户是否送过礼物
	util.uid = from_user_id;
	util.checkSendGift(config.check_gift);
});

//点赞
function fabulous(obj){
	if (from_user_id == "0"){
		window.location.href="shihoutv://route?jump_type=120";
        return;
    }
	util.id = $(obj).attr('data-id');
	util.uid = from_user_id;
	util.toUid = $(obj).attr('data-uid');
	util.fabulous(config.forum_fabulous, obj);
}
</script>
	
</body>
</html>
